
@for $i from 1 through 140 {
    .fs#{$i} {
        font-size: #{$i}rpx;
    }
    .mgt-#{$i} {
        margin-top: #{$i}rpx;
    }
    .mgb-#{$i} {
        margin-bottom: #{$i}rpx;
    }
	.mgl-#{$i} {
	    margin-left: #{$i}rpx;
	}
	.mgr-#{$i} {
	    margin-right: #{$i}rpx;
	}
	.mg-#{$i} {
	    margin: #{$i}rpx;
	}
	.pdt-#{$i} {
	    padding-top: #{$i}rpx;
	}
	.pdb-#{$i} {
	    padding-bottom: #{$i}rpx;
	}
	.pdl-#{$i} {
	    padding-left: #{$i}rpx;
	}
	.pdr-#{$i} {
	    padding-right: #{$i}rpx;
	}
	.pd-#{$i} {
	    padding: #{$i}rpx;
	}
}


.w100{
	width: 100%;
}
.df{
	display: flex;
}
.flex-col{
	flex-direction: column;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-jc-ac{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-jc{
	display: flex;
	justify-content: center;
}
.flex-ac{
	display: flex;
	align-items: center;
}
.flex-sa{
	display: flex;
	justify-content: space-around;
}
.flex-sb{
	display: flex;
	justify-content: space-between;
}
.flex1{
	flex: 1;
}
.u-overflow-1{
	overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 1; /* 限制为1行 */
	  -webkit-box-orient: vertical;
	  word-break: break-all; 
}
.u-line-2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 控制显示的行数 */
	-webkit-box-orient: vertical;
}

